$(function () {
    $.idcode.setCode();

    var uphone = false, uyzm = false, upwd = false, upwd2 = false
    // var flag = []
    // for(var i = 0;i<$('.bot-inp1 :text').length;i++){
    //     flag.push(false)
    // }

    // console.log(flag)
    // 手机号
    $('#uphone').on('input', function () {
        if (!(/^(?:(?:\+|00)86)?1[3-9]\d{9}$/).test($(this).val().trim())) {
            $(this).parent('.bot-inp2').next().text('您输入的手机号码错误')
            $(this).parent('.bot-inp2').next().css('color', '#eb0007')
            uphone = false
        } else {
            $(this).parent('.bot-inp2').next().text('手机号码正确')
            $(this).parent('.bot-inp2').next().css('color', 'green')
            uphone = true
        }
    })

    // 验证码
    $(".yzm-num-1").blur(function () {
        var IsBy = $.idcode.validateCode()  //调用返回值，返回值结果为true或者false
        if (IsBy) {
            $(this).parent('.yzm-num').next().text('验证码正确')
            $(this).parent('.yzm-num').next().css('color', 'green')
            uyzm = true
        } else {
            $(this).parent('.yzm-num').next().text('验证码错误')
            $(this).parent('.yzm-num').next().css('color', '#eb0007')
        }
    })

    // 密码  
    $('#upwd').on('input', function () {
        if (!(/^\S*(?=\S{6,})(?=\S*\d)(?=\S*[A-Z])(?=\S*[a-z])(?=\S*[!@#$%^&*? ])\S*$/).test($(this).val().trim())) {
            $(this).parent('.bot-inp2').next().text('最少6位，至少有1个大写字母和1个小写字母和1个数字和1个特殊字符')
            $(this).parent('.bot-inp2').next().css({
                'color': '#eb0007',
                'line-height': '1'
            })
        } else {
            $(this).parent('.bot-inp2').next().text('密码正确')
            $(this).parent('.bot-inp2').next().css({
                'color': 'green',
                'line-height': '37px'
            })
            upwd = true
        }
    })

    // 确认密码
    $('#upwd2').on('input', function () {
        if ($('#upwd').val() == $(this).val()) {
            $(this).parent('.bot-inp2').next().text('密码正确')
            $(this).parent('.bot-inp2').next().css('color', 'green')
            upwd2 = true
        } else {
            $(this).parent('.bot-inp2').next().text('密码错误')
            $(this).parent('.bot-inp2').next().css('color', '#eb0007')
        }
    })


    axios.defaults.baseUrl = "http://127.0.0.1:8080";
    $("form").submit(function () {
        var data = $(this).serialize();
        if (uphone == true && uyzm == true && upwd == true && upwd2 == true) {
            // console.log(111)
            axios({
                url: "/api/reg",
                method: "post",
                data: data
            }).then(function (res) {
                // console.log(res.data.msg)
                // layer.alert(res.data.msg)
                alert(res.data.msg)
                // console.log(res.data.token)
                if (res.data.status) {
                    localStorage.setItem("token", res.data.token);
                    localStorage.setItem("user", JSON.stringify(res.data.data));
                }
                // setTimeout(function(){
                    window.location.href="login.html"
                //     console.log(111)
                // },2000)
            })
            uphone = false, uyzm = false, upwd = false, upwd2 = false
        } else {
            layer.alert('注册失败')
        }
        // console.log('uphone='+uphone, 'uyzm='+uyzm, 'upwd='+upwd, 'upwd2='+upwd2)
        return false;
    })


    $('.btn-img').on('mousedown', function () {
        $(this).css({
            'border': '1px solid #555'
        })
    })
    $('.btn-img').on('mouseup', function () {
        $(this).css({
            'border': 'none'
        })
    })

    function gotoTop(minHeight){
 
        // 定义点击返回顶部图标后向上滚动的动画
        $(".a-sidebar").click(
            function(){$('html,body').animate({scrollTop:'0px'},'slow');
        })

        // 获取页面的最小高度，无传入值则默认为600像素
        minHeight? minHeight = minHeight:minHeight = 600;

        // 为窗口的scroll事件绑定处理函数
        $(window).scroll(function(){

            // 获取窗口的滚动条的垂直滚动距离
            var s = $(window).scrollTop();

            // 当窗口的滚动条的垂直距离大于页面的最小高度时，让返回顶部图标渐现，否则渐隐
            if( s > minHeight){
                $("#gotoTop").fadeIn(500);
            }else{
                $("#gotoTop").fadeOut(500);
            };
        });
    };
    gotoTop();


})